<template>
     <tab-bar>
      <tab-bar-item path="/msite" activeColor="#02a774">
        <img src="../../../assets/img/tabbar/waimai.svg" alt="" class="icon" slot="icon-img">
        <img src="../../../assets/img/tabbar/waimai_active.svg" alt="" class="icon" slot="icon-img-active">
        <span slot="icon-text">外卖</span>
      </tab-bar-item>
      <tab-bar-item path="/search"  activeColor="#02a774">
        <img src="../../../assets/img/tabbar/search.svg" alt="" class="icon" slot="icon-img">
        <img src="../../../assets/img/tabbar/search_active.svg" alt="" class="icon" slot="icon-img-active">
        <span slot="icon-text">搜索</span>
      </tab-bar-item>
      <tab-bar-item path="/order"  activeColor="#02a774">
        <img src="../../../assets/img/tabbar/order.svg" alt="" class="icon" slot="icon-img">
        <img src="../../../assets/img/tabbar/order_active.svg" alt="" class="icon" slot="icon-img-active">
        <span slot="icon-text">订单</span>
      </tab-bar-item>
      <tab-bar-item path="/profile"  activeColor="#02a774">
         <img src="../../../assets/img/tabbar/profile.svg" alt="" class="icon" slot="icon-img">
         <img src="../../../assets/img/tabbar/profile_active.svg" alt="" class="icon" slot="icon-img-active">
        <span slot="icon-text">我的</span>
      </tab-bar-item>
    </tab-bar>
</template>
<script>
import TabBar from '../../common/tabbar/tabbar'
import TabBarItem from '../../common/tabbar/TabBarItem.vue'
export default {
  components:{
    TabBar,
    TabBarItem
  }
}
</script>